草庐IT

Unity3D Shader系列之模板测试

全部标签

反向的 Javascript 模板语言

是否有类似模板引擎(laMustache.js)的东西可以“反向”进行模板制作?这意味着我提供呈现的html和模板文件,通过引擎运行它,并从中获取数据(比如JSON结构)。我知道这是可以用“屏幕抓取库”完成的事情,但我从未见过使用mustache样式模板(不管它们叫什么)的屏幕抓取库。 最佳答案 不存在通用解决方案。例如。您永远无法反转以下模板:{{foo}}{{bar}},因为无法找到第一个mustache停止的位置和第二个mustache的开始位置。例如:html:'helloworld!'template:'{{foo}}{{

javascript - 为什么 React 需要 jsdom 进行测试?

在为React组件编写测试时,您必须将它们渲染到DOM中,以便断言它们的正确性。例如,如果你想测试某个类是否被添加到给定某个状态的节点,你必须渲染到DOM节点,然后通过普通的DOMAPI检查该DOM节点。问题是,考虑到React维护一个虚拟DOM来渲染它,为什么我们不能在组件渲染后就在虚拟DOM上断言?在我看来,这是拥有虚拟DOM之类的东西的一个很好的理由。我错过了什么吗? 最佳答案 你真的没有错过任何东西。我们正在努力让它变得更好。虚拟部分一直是React的一个非常重要的实现细节,没有以任何有用或可靠的方式暴露出来进行测试。我们的

javascript - 如何使用 Gulp 和 gulp-data 从单个 jade 模板生成多个 html 文件

我正在使用Gulp创建一个静态站点生成器.我想知道如何将每条数据(JSON)通过管道传输到一个jade模板中以生成多个html文件。这是gulp的"template"任务:gulp.task('templates',function(){'usestrict';varmyData=JSON.parse(fs.readFileSync('./_assets/data/content.json'));varmyPages=myData.pages;varmyPosts=myData.posts;gulp.src('./_assets/templates/index.jade').pipe(

javascript - Jasmine Controller 测试,预计 spy 已被调用

我在AngularJSController中定义了一个方法,该方法在初始化时调用。我想使用Jasmine("jasmine-core":"^2.3.4","karma":"^0.12.37")测试它。我遵循了Internet上的一些教程和StackOverflow问题,但找不到正确的答案。请看一下这段代码:ControllerusersAddUserController:(function(){'usestrict';angular.module('app.users.addUser').controller('usersAddUserController',['$scope','us

javascript - 用 enzyme react 测试组件 Prop 变化

我正在修改此处找到的示例:https://github.com/airbnb/enzyme/blob/master/docs/api/ReactWrapper/setProps.mdclassFooextendsReact.Component{render(){return({}}/>);}}it('shouldpassanddoesnot',()=>{constwrapper=mount();expect(wrapper.find('.foo').html()).toBe(``);wrapper.setProps({name:'bar'});expect(wrapper.find('

javascript - 测试 Vue.js 组件

我想测试一个Vue.js组件,但我失败了。简单地说,我正在设置一个组件属性,我想断言它设置正确。如果这很重要,模块将加载导出,并使用Webpack输出JS。//componentexports=module.exports={};module.exports={data:function(){return{active:false};},methods:{'close':function(){console.log(this.active);//->truethis.active=false;console.log(this.active);//->false}}};//compone

javascript - 带有模板文字但没有括号的 ES6 调用函数

这个问题在这里已经有了答案:Backticks(`…`)callingafunctioninJavaScript(3个答案)关闭6年前。根据MDN,Taggedtemplateliterals可以按如下方式使用:vara=5;varb=10;functiontag(strings,...values){alert(strings[0]);//"Hello"alert(strings[1]);//"world"alert(values[0]);//15alert(values[1]);//50return"Bazinga!";}tag`Hello${a+b}world${a*b}`;//

javascript - 极简主义的微型 Javascript 模板系统?

我正在为javascript寻找一个极简主义的模板系统,alaJohnResig'sJavascriptMicroTemplating.越小越好,如果它是基于jquery的就更好了。推荐?我尝试了John的微模板,但遇到了一些问题,想看看是否有更多成熟/更好的打包解决方案。[更新]我再次尝试了Resig的微模板,它对我来说效果很好。仍然想听听其他替代方案(如果有的话)。 最佳答案 还有Mustache.js,它有一个简洁的语法IMO。 关于javascript-极简主义的微型Javasc

Javascript 返回什么应该是速记 boolean 测试的字符串

有人可以向我解释为什么这会返回空字符串("")而不是boolean值(false)吗?varx="";alert(x&&x.length>0);...虽然这按预期工作,但返回true:vary="abc";alert(y&&y.length>0);我基本上只是想做一个简单的速记检查,看看变量中是否存在一个值(确保它不是未定义的、空的或空字符串)。我知道我可以单独进行每个测试(x==null,typeofx=='undefined',x=='')-我只是想了解为什么Javascript返回一个看起来像a的字符串boolean测试。 最佳答案

javascript - Angular.js 使用 html2js 将指令与外部模板联合测试 - 无法加载模板

我正在尝试测试使用外部模板的指令。我尝试了以下所有解决方案,但没有成功:ng-directive-testingHowtotestdirectivesthatusetemplateUrlandcontrollers?AngularJS+Karma+Ng-html2js=>Failedtoinstantiatemodule...html我创建了一个测试指令(一个简单的div)并使用内联"template"和外部“templateUrl”对其进行了测试。内联解决方案有效,而外部解决方案无效:angular.module('AdUnit').directive('actionButton',